<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>关于XXX</title>
    <meta
      name="viewport"
      content="initial-scale=1.0, maximum-scale=1.0"
    />
    <meta name="keywords" content="XXXXXX" />
    <meta name="description" content="XXXXXXXXX" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/animate.css" />
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script
      type="text/javascript"
      src="../js/jquery.SuperSlide.2.1.1.js"
    ></script>

    <script type="text/javascript" src="../js/wow.min.js"></script>
    <script type="text/javascript">
      new WOW().init();
    </script>
  </head>
  <body>
    <div class="header">
      <div
        class="
          container
          d-flex
          flex-md-row
          justify-content-between
          prelat
          flex-sm-column
        "
      >
        <!-- d-sm-flex flex-sm-row flex-sm-nowrap flex-sm-column -->
        <!-- 联系电话 -->
        <div class="company d-md-block d-none">
          <p>上海XXX餐饮管理有限公司<br />XXX</p>
        </div>
        <!-- logo部分 -->
        <div class="logo">
          <a href="./index.html">
            <img src="./images/logo.png" />
          </a>
        </div>
        <!-- 联系电话 -->
        <div class="tel d-md-block d-none">
          <p>全国加盟<br />咨询热线<span>XXX</span></p>
        </div>
      </div>
    </div>
    <div class="container clear"></div>
    <div class="container fengge"></div>
    <div class="menu wow animated fadeInRight pt-4 pb-2">
      <div class="">
        <div class="menum"></div>
      </div>
    </div>
    <div class="banner wow animated fadeInLeft">
      <img src="./images/banner.jpg" alt="" />
    </div>

    <div class="pagetit">产品系列</div>

    <div class="prolist">
      <div class="prolistl wow animated fadeInLeft">
        <div class="prolistltit">
          PRODUCT <br />
          <h2>产品系列</h2>
        </div>
        <ul>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
          <li><a href="" target="">私房茶饮</a></li>
        </ul>
        <div class="prolistbom">400-6019-559<br />加盟热线</div>
      </div>
      <div class="prolistr wow animated fadeInRight">
        <div class="prolistrtit">
          <h2>产品名称1</h2>
        </div>
        <ul class="picclick">
          <li class="first" id="main">
            <img src="./images/pro.png" alt="" />
          </li>
          <li>
            <a href="javascript:;" target=""
              ><img src="./images/pic.png" alt=""
            /></a>
          </li>
          <li>
            <a href="javascript:;" target=""
              ><img src="./images/pro.png" alt=""
            /></a>
          </li>
          <li>
            <a href="javascript:;" target=""
              ><img src="./images/pro.png" alt=""
            /></a>
          </li>
          <li>
            <a href="javascript:;" target=""
              ><img src="./images/pro.png" alt=""
            /></a>
          </li>
          <li>
            <a href="javascript:;" target=""
              ><img src="./images/pro.png" alt=""
            /></a>
          </li>
          <li>
            <a href="javascript:;" target=""
              ><img src="./images/pro.png" alt=""
            /></a>
          </li>
          <li>
            <a href="javascript:;" target=""
              ><img src="./images/pro.png" alt=""
            /></a>
          </li>
          <li>
            <a href="javascript:;" target=""
              ><img src="./images/pro.png" alt=""
            /></a>
          </li>
        </ul>
        <div class="fenye"><a href="">上一页</a>1/12<a href="">下一页</a></div>
      </div>
      <div class="clear"></div>
    </div>

    <div class="footer"></div>
    <script>
      $(".picclick a").click(function () {
        var path;
        path = $(this).find("img").attr("src");
        $("#main").find("img").attr("src", path);
      });
    </script>
    <script type="text/javascript" src="../js/ltk.js"></script>
  </body>
</html>
